<template>
	<div class="container">
		<div class="footer">
			<div class="footer-text">
				<div style="position: relative; top: 25px;">人若志趣不远，心不在焉，虽学不成</div>
				<p  style="position: relative; top: 30px; "><a href="https://beian.miit.gov.cn/"
				 style="color: white;"
				 target="_blank">琼ICP备2022019396号-1</a></p>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			};
		},

		mounted() {

		},

		methods: {

		},
	};
</script>

<style lang="less" scoped>
	.container{
		height: 100px;
		width: 100%;
	}
	
	.footer {
		height: 100px;
		width: 100%;
		background: linear-gradient(-50deg, #ee7752, #ce3e75, #23a6d5, #23d5ab,#ef1f3b);
		background-size: 400% 400%;
		animation: bgposition 10s ease infinite;
	}


		@keyframes bgposition {
			0% {
				background-position: 10% 0;
			}
			30%{
					background-position: 50% 0;
			}
			
			50%{
					background-position: 80% 0;
			}
			
		    80% {
				background-position: 40% 0;
			}
			
			100% {
				background-position: 100% 0;
	
			}
			
		}

	.footer-text {
		text-align: center;
		color: white;
		// line-height: 100px;
		font-size: 15px;
		font-weight: 700;
		position: relative;
	}
	
</style>
